body{min-width: 320px;}
.relative{position: relative;}
.absolute{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.lazy{background: url(../assets/images/loading.gif) no-repeat center center;background-size: 24px;}
.w1050{width: 1050px;margin-left: auto;margin-right: auto;}
.w1060{width: 1060px;margin-left: auto;margin-right: auto;}
.w850{width: 850px;margin-left: auto;margin-right: auto;}
.fontSize{font-size: 0;}
.padding-val{padding-top: 130px;padding-bottom: 70px;}
body .bdshare-button-style0-16 a,
body .bdshare-button-style0-16 .bds_more{float: none;margin: 0;padding-left: 0;height: auto;background-position: inherit !important;}
.share{font-size: 0;margin-top: 40px;text-align: center;}
body .share a{transition: background .5s;display: inline-block;vertical-align: top;margin: 0 9px;width: 20px;height: 20px;}
.share .wb{background: url(../assets/images/icon-06.png) no-repeat center center;}
.share .qq{background: url(../assets/images/icon-07.png) no-repeat center center;}
.share .wx{background: url(../assets/images/icon-08.png) no-repeat center center;}
.share .wb:hover{background-image: url(../assets/images/icon-09.png);}
.share .qq:hover{background-image: url(../assets/images/icon-10.png);}
.share .wx:hover{background-image: url(../assets/images/icon-11.png);}
body .bd_weixin_popup{height: 290px !important; }
body .fancybox-inner{background-color: #000;}
.wrap {min-height: calc(100vh - 136px);}
.text-center{text-align: center;}
.page404 .container{
	margin: 200px 0;

    text-align: center;
}
.page404 h3{
	font-size: 32px;
	line-height: 1.8;
}
.page404 h4{
	font-size: 18px;
    line-height: 1.6;
}

/*header*/
.header{transition: padding 1s;backface-visibility: hidden;position: fixed;left: 0;top: 0;width: 100%;z-index: 1000;background-color: #A5000A;}
.header .main{/*width: 1140px;*/padding:0 10px;margin-left: auto;margin-right: auto;}
.header .main:after{content: "";display: block;clear: both;float: none;}
.logo{float: left;}
.navigation{float: right;margin-top: 2px;padding: 30px 0;}
/* .logo img{height: 56px;} */
.logo-img01{height: 70px; margin-top: 10px;}
.svg .logo-img02{display: none;}
.no-svg .logo-img01{display: block;}
.navigation ul{font-size: 0;}
.navigation li{display: inline-block;vertical-align: top;margin-left: 76px;}
.navigation a{transition: color .5s;display: inline-block;position: relative;font-size: 20px;color: white;line-height: 22px;}
.navigation a:after{transition: width .5s;content: "";display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background-color: #b0814c;}
.navigation .on a{color: #CFB17A;}
.navigation .on a:after{width: 100%;}
/*end*/

/*footer*/
.footer{border-top: 2px solid #f5f5f5;background-color: #A5000A;}
.footer .main{padding: 16px 0;width: 1050px;margin: auto;}
.footer .main:after{content: "";display: block;float: none;clear: both;}
.copyright{text-align: center;}
.copyright p{color: white;font-size: 12px;font-family: "FuturaLTBook";}
.copyright a{color: white;}
.copyright a:hover {color: #CFB17A;}
.f-locale-link-wrapper{position: absolute;right: 0;top: -4px;}
.f-locale-link{display: inline-block;position: relative;text-align: left;}
.f-locale-link i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;}
.f-locale-link span{transition: color .4s ease;color: #999;font-size: 12px;display: inline-block;vertical-align: middle;}
.f-locale-link:hover span{ color: #b0814c;}
.f-locale-link01 i{background: url(../assets/images/icon-16.png) no-repeat left center;background-size: 18px;}
.f-locale-link02 i{background: url(../assets/images/icon-17.png) no-repeat left center;background-size: 18px;}
.f-locale-link02 span{font-family: "FuturaLTBook";}
.f-locale-link03 i{background: url(../assets/images/icon-18.png) no-repeat left center;background-size: 18px;}
.f-locale-link03 span{font-family: "FuturaLTBook";}
.f-select-locale-link{transition: all .4s ease;position: absolute;top: -68px;opacity: 0;visibility: hidden;pointer-events: none;width: 70px;padding-bottom: 18px;}
.f-select-locale-link a{display: block;margin: 10px 0;}
.f-locale-link-wrapper:hover .f-select-locale-link{opacity: 1;visibility: visible;pointer-events: all;}
/*end*/ 

/*index*/
.index-banner .small-pic{display: none;}
.swiper-container{width: 100%;height: 600px;}
.swiper-container .swiper-slide .swipervideo{pointer-events: none;}
.swiper-container .swiper-slide-next,
.swiper-container .swiper-slide-prev{cursor: pointer;}
.swiper-container .cont{width: 950px;overflow: hidden;position: absolute;top: 50%;right: 0;left: 0;margin-top: -53.5px;margin-right: auto;margin-left: auto;color: #fff;z-index: 20;pointer-events: none;}
.swiper-container h2{ transition: transform .4s;pointer-events: none;transform: translateY(140px);letter-spacing: 6px;font-size: 80px;color: #fff;overflow: hidden;}
.swiper-container p{  transition: transform .7s;display: inline-block;transform: translateY(170px);letter-spacing: 3px;color: #fff;font-size: 30px;overflow: hidden;pointer-events: all;}
.swiper-container .cont a{display: inline-block;}
.swiper-container .swiper-slide img { margin-top: 78px;transition: all .5s;width: 100%;height: 444px;z-index: 10;}
.swiper-container .swiper-slide-active img{height: 600px;object-fit: cover;margin-top: 0 !important;}
.swiper-container .swiper-slide-active h2{transform: translateY(0);}
.swiper-container .swiper-slide-active p{transform: translateY(0);}
.swiper-container .swiper-slide-active .swipervideo{pointer-events: all;}
.swiper-container .swiper-button-white{transition: background .5s;width: 23px;}
.swiper-container .swiper-button-prev.swiper-button-white{ background: url(../assets/images/icon-02.png) no-repeat center center;left: 28px;}
.swiper-container .swiper-button-next.swiper-button-white{ background: url(../assets/images/icon-03.png) no-repeat center center;right: 28px;}
.swiper-container .swiper-button-prev.swiper-button-white:hover{background-image: url(../assets/images/icon-04.png);}
.swiper-container .swiper-button-next.swiper-button-white:hover{background-image: url(../assets/images/icon-05.png);}
.swiper-container div.swiper-pagination.swiper-pagination-bullets{bottom: 70px;}
.swiper-container span.swiper-pagination-bullet{ background-color: transparent;opacity: 0.7;width: 6px;height: 6px;border: 1px solid #ffffff;}
.swiper-container span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
.home .content{padding-top: 12px;padding-bottom: 58px;}
.into-work{float: right;}
.into-work a{transition: all .5s;font: 14px "FuturaLTBook";color: #999;}
.into-work a:hover{color: #b0814c;}
.into-work:after{content: "";display: block;float: none;clear: both;}
.index-des{margin-left: auto;margin-right: auto;padding-top: 80px;text-align: justify;}
.index-des h3{font-size: 24px;color: #000;line-height: 36px;}
.index-des p{font-size: 16px;line-height: 30px;color: #000;}
.index-partner{margin: 30px auto 0 auto;text-align: center;max-width: 85%;}
.index-partner img{display: inline-block;vertical-align: top;margin-left: 6px;margin-right: 6px;margin-bottom: 10px;}
/* add at 12-12-15 by Kyle */
.index.contact {display: grid;justify-content: center;}
/*.index.block-list_item__inner img {width: 100%;height: calc(100vw*9/18);object-fit: cover;}*/
.index.block-list_item__inner img {width: 100%;object-fit: cover;}
.index.block-list_item {position: relative;}
.index.block-list_item .title-txt {position: absolute;left: 50%;top: 50%;color: white;font-size: 68px;transform: translate(-50%, -50%);}
.index.contact-item {vertical-align: top;margin-bottom: 10px;}
.index.contact-item__inner .title{font-size: 16px;color: #333;letter-spacing: 1px;}
.index.contact-item__inner .box {display: flex;}
.index.contact-item__inner .box-txt {font-size: 16px;line-height: 20px;color: #000;}
.index.contact-item__inner .box-txt.left-txt {max-width: 208px;flex: 1;}
.index.contact-item__inner .box-txt.right-txt {padding-left: 20px;}
.index.top-gif-mobile {display: none;}
.index-partner_title {text-align: center;font-size: 28px;margin-top: 40px;color: #b0814c;font-weight: bold;}
.index-partner img {height: 60px!important;}
.director-data-banner .btns a{padding-left: 10px;}
.director-data-banner .btns.hide {display: none;}
.index-des.hide {visibility: hidden;padding-top: 0;height: 0;}
.index-des-img {width: 100%;margin: 20px 0 60px;}
.index-des-img.mobile {display: none;}
.index-des.content {padding-bottom: 0;}
.mgt-40- {margin-top: -40px!important;}
@keyframes sfadeOutDown{
    from{
        visibility: hidden;
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }
    to{
    	visibility: visible;
    	opacity: 1;
    	transform: translate3d(0, 0, 0);
    }
}
.sfadeOutDown {
	animation-name: sfadeOutDown;
}
.contact{margin-top: 63px;width: 550px;margin-left: auto;margin-right: auto;font-size: 0;}
.paragraph{display: inline-block;vertical-align: top;width: 700px;text-align: justify;}
.inside-title,
.ic-full,
.ic-address,
.ic-tel{display: inline-block;vertical-align: top;}
.inside-title{font-family: "futuramedium";display: inline-block;vertical-align: top;font-size: 16px;text-transform: capitalize;color: #333;width: 86px;margin-right: 0;letter-spacing: 1px;}
.ic-full{width: 464px;}
.ic-title{font-size: 12px;color: #333;letter-spacing: 1px;}
.ic-address,
.ic-tel{font-size: 12px;line-height: 20px;color: #000;letter-spacing: 1px;width: 49%;}
.ic-item{margin-bottom: 5px;}
.contact .left-area{width: 228px;font-size: 0;}
.contact .left-area h3{display: inline-block;vertical-align: top;font-size: 12px;color: #333;letter-spacing: 1px;}
.contact .left-area .txt{margin-left: 6px;margin-top: -5px;display: inline-block;vertical-align: top;width: 170px;}
.paragraph p{font-size: 12px;line-height: 20px;color: #000;letter-spacing: 1px;}
.contact .right-area a{transition: color .5s;font-size: 12px;line-height: 20px;color: #000;letter-spacing: 1px;display: inline-block;}
.contact .right-area{width: 220px;margin-top: -8px;}
.contact .right-area{color: #333;}
.contact .right-area span{display: inline-block;vertical-align: top;margin-right: 6px;}
.contact .right-area a:hover{color: #b0814c;}
.modal-wrap{position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 1100;display: none;}
.modal-content{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.modal-bg{background: #000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 20;}
.modal-close {transition: background .5s;background: url('../assets/images/icon-01.png') center center no-repeat;width: 50px;height: 50px;position: fixed;top: 40px;right: 40px;z-index: 200;}
.modal-close:hover{background-image: url('../assets/images/icon-13.png');}
/*end*/

/*about*/
.info .contact{margin-top: 0;}
.info-content-01{padding-top: 110px;}
.info-content-01>div,
.info-content-03>div,
.info-content-06>div,
.info-content-07>div{display: inline-block;vertical-align: top;}
.info-content-01 .info-title{width: 370px;padding-right: 20px;}
.info-title h2{font-size: 80px;color: #333;letter-spacing: 6px;margin-bottom: 6px;font-family: "futuramedium";}
.info-title h3{font-size: 30px;line-height: 30px;color: #333;letter-spacing: 2px;}
.info-content-01 .inside-wrap{width: 690px;margin-top: 8px;}
.info-content-01 .inside-wrap p{font-size: 16px;line-height: 32px;color: #999;}
.info-content-02{margin-top: 144px;position: relative;height: 400px;}
.info-content-02>div{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;overflow: hidden;}
.info-content-02 p{font-size: 30px;line-height: 48px;color: #fff;text-align: center;}
.info-content-03{padding-top: 88px;}
.info-content-03 .info-title{margin-right: 173px;}
.info-content-03 .inside-wrap{text-align: center;margin-top: 26px;}
.info-content-03 .inside-wrap h4{font-size: 24px;line-height: 30px;color: #333;margin-bottom: 33px;}
.info-content-03 .inside-wrap span{display: block;font-size: 20px;line-height: 30px;color: #666;margin-bottom: 15px;}
.info-content-03 .inside-wrap p{font-size: 32px;color: #333;letter-spacing: 4px;}
.info-content-05{padding-top: 66px;width: 1060px;margin-left: auto;margin-right: auto;padding-left: 115px;}
.info-content-05 .msg{text-align: center;padding: 0 10px;}
.info-content-05 .msg span{display: block;margin-bottom: 8px;font-size: 24px;line-height: 30px;color: #333;}
.info-content-05 .msg p{font-size: 16px;line-height: 30px;color: #999;}
.info-content-05 .form-container{margin-top: 32px;font-size: 0;}
.info-content-05 input{ transition: border .5s;font-family:"PingFang SC","Microsoft YaHei",Arial;border-radius: 0;padding: 0 10px;height: 36px;line-height: 36px;width: 450px;margin-bottom: 32px;margin-left: 20px; border-top: 0 solid #000; border-right: 0 solid #000; border-bottom: 1px solid #000;border-left:  0 solid #000;font-size: 16px;letter-spacing: 1px;outline: none;color: #000;}
.info-content-05 input[type=file]{cursor: pointer;}
.info-content-05 input::-webkit-input-placeholder{transition: color .5s;color: #666;font-size: 16px;line-height: 30px; font-family:"PingFang SC","Microsoft YaHei",Arial;}
.info-content-05 input:focus::-webkit-input-placeholder{color: transparent;}
.info-content-05 .active input{border-bottom-color: #b0814c;}
.info-content-05 .odd-group{display: inline-block;vertical-align: top;}
.info-content-05 .even-group input{width: 920px;}
.info-content-05 .file-group{position: relative;display: inline-block;}
.info-content-05 .file-group:after{content: "";display: block;width: 15px;height: 17px;position: absolute;right: 0;top: 0;background: url(../assets/images/clip.png) no-repeat center center;}
.info-content-05 .select-group{display: inline-block;position: relative;}
.info-content-05 .select-group>div{display: none;position: absolute;left: 25px;top: 29px;z-index: 100;background-color: #f2f3f2;width: 100%;width: calc(100% - 25px);}
.info-content-05 .select-group ul{text-align: center;padding: 18px 0;}
.info-content-05 .select-group li{transition: color .5s;margin: 8px 0;cursor: pointer;font-size: 13px;color: #000;}
.info-content-05 .select-group li:hover{color: grey;}
.form-submit{ text-align: center;padding-top: 34px;}
.form-submit a{transition: all .5s;color: #000;font-size: 16px;line-height: 42px;height: 40px;width: 222px;margin: 0 auto;border: 1px solid #000;background-color: #fff;display: block;cursor: pointer;}
.form-submit a:hover{color: #fff;border-color: #b0814c;background-color: #b0814c;}
.info-content-06{/*padding-top: 240px;*/padding-top: 60px;padding-bottom:60px;}
.info-content-06 .info-title{margin-right: 120px;}
.info-content-06 .inside-wrap{margin-top: 25px;}
.info-content-06 .inside-wrap p,
.info-content-06 .inside-wrap .txt a{font-family:"PingFang SC","Microsoft YaHei",Arial;font-size: 20px;line-height: 30px;color: #999;}
.info-content-06 .inside-wrap .txt span{font-family:"PingFang SC","Microsoft YaHei",Arial;font-size: 20px;line-height: 30px;color: #000;}
.info-content-06 .inside-wrap .txt a{transition: color .5s;}
.info-content-06 .inside-wrap .txt a:hover{color: #b0814c;}
.inalink{transition: all .5s;line-height: 38px;height: 38px;width: 222px;color: #000;margin: 75px auto 0px;border: 1px solid #000;text-align: center;text-transform: uppercase; display: block;font-size: 16px;color: #000;}
.inalink:hover{color: #fff;border-color: #b0814c;background-color: #b0814c;}
.info-content-07{/*padding-top: 240px;*/padding-top:60px;}
.info-content-07 .info-title{margin-right: 68px;}
.info-content-07 .inside-wrap{margin-top: 25px;max-width: 710px;}
.info-content-07 .site span{font-weight: 300;letter-spacing: 2px;margin-right: 40px;display: inline-block;vertical-align: top;font-size: 20px;line-height: 30px;color: #333;}
.info-content-07 .site p{font-family:"PingFang SC","Microsoft YaHei",Arial;display: inline-block;vertical-align: top;font-size: 20px;line-height: 30px;color: #999;}
.info-content-07 .txt span{letter-spacing: 2px;font-size: 20px;line-height: 30px;color: #333;display: inline-block;width: 56px;}
.info-content-07 .txt .tw1{width: 85px;}
.info-content-07 .txt p{letter-spacing: 2px;font-size: 20px;line-height: 35px;color: #999;}
.info-content-07 .share{text-align: left;margin-top: 25px;}
.info-content-07 .share a{margin-left: 0;margin-right: 23px;}
#map{height: 424px;margin-top: 122px;}
#map .anchorBL{display: none;}
.info-content-07 .office_info div span:last-child{max-width: 600px;margin-right: 0;}
/*end*/

/*director*/
/* .director .footer{display: none;} */
.director .header {background-color: #A5000A;}
.director-list{font-weight: bold;margin: 27px 0;white-space: nowrap;position: relative;height: 100px;line-height: 120px;}
.director-list img{display: none;pointer-events: none;}
.director-list li{transition: transform .7s,border .5s;display: inline-block;vertical-align: middle;top: 0;height: 100%;padding-left: 40px;padding-right: 40px;border-right: 3px solid #000;border-left: 3px solid #000;margin-right:5px;}
.director-list a{transition: all .5s;font-weight: bold;display: block;color: #333;font-size: 100px;}
.director-poster{transition: all .7s;pointer-events: none;z-index: -10;transform: translateY(40px);opacity: 0;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;}
.director-poster img{ pointer-events: none;object-fit: cover;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1200;}
.director-list li:hover a{color: #b0814c;}
.director-list li:hover{border-left-color: rgba(0,0,0,.1);border-right-color: rgba(0,0,0,.1);}
.director-list li.opa{border-left-color: rgba(0,0,0,.1);border-right-color: rgba(0,0,0,.1);}
.director-list li.opa a{opacity: .2;}
.director-poster.active{opacity: 1;transform: translateY(0);}
.cb-hint{font-size: 32px;color: #fff;display: inline-block;margin-top: 20px;padding-right: 35px;position: relative;}
.cb-hint i{display: inline-block;font-size: 35px;font-weight: 700;position: absolute;right: -1px;top: 12px;}
/*end*/

/*director-data*/
/*.director-data .wrap{padding-bottom: 230px;}*/
.director-data .wrap{padding-bottom: 30px;}
/*.director-data-banner{padding-top: 46.88%;position: relative;overflow: hidden;}*/
.director-data-banner{padding-top: 42.88%;position: relative;background-color: rgba(0,0,0,.95);}
.case-detail-banner{padding-top: calc(100vw * 350 / 1439);}
.case-detail-banner.mobile{padding-top: 44.88%;}
.director-data-banner img{position: absolute;left: 0;top: 0;width: 100%;}
.director-data-banner .cont{position: absolute;left: 0;top: 290px;width: 100%;text-align: center;padding: 0 40px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.director-data-banner .cont .play-btn {width:50px;height:50px;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
.director-data-banner .cont .play-btn-txt {font-size: 20px;padding-top: 80px;opacity: .8;}
.director-data-banner a{display: block;}
.director-data-banner .bc{transition: all .5s;display: inline-block;padding-left: 12px;position: absolute;left: 20px;top: 20px;font-size: 26px;color: #fff;font-family: "PingFang SC","Microsoft YaHei",Arial;}
.director-data-banner .bc i{font-size: 22px;display: inline-block;margin-right: 4px;position: relative;top: -1px;}
.director-data-banner .bc:hover{color: #b0814c;}
.director-data-banner h2{font-size: 80px;color: #fff;letter-spacing: 11px;margin-bottom: 11px;}
.director-data-banner h3{font-size: 30px;line-height: 30px;color: #fff;letter-spacing: 4px;margin-bottom: 46px;}
.director-data-banner p{font-size: 48px;color: #fff;letter-spacing: 1px;}
.director-data-list{margin-top: 85px;}
.director-data-list ul{font-size: 0;}
.director-data-list li{display: inline-block;vertical-align: top;width: 33.3333333333333%;margin-bottom: 100px;overflow: hidden;}
.director-data-list a{display: block;overflow: hidden;}
.director-data-list figure{overflow: hidden;padding-top: 59.38%;position: relative;}
.director-data-list figure img{transition: transform 10s;transform: scale(1.009);backface-visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;}
.director-data-list article{padding: 0 26px;margin-top: 14px;}
.director-data-list h3{transition: color .5s;font-family: "PingFang SC","Microsoft YaHei",Arial;font-size: 24px;line-height: 24px;color: #333;margin-bottom: 10px;}
.director-data-list span{font-family: "PingFang SC","Microsoft YaHei",Arial;font-size: 16px;color: #999;}
.director-data-list a:hover img{transform: scale(1.2);}
.director-data-list a:hover h3{color: #b0814c;}
.director-data-infor{width: 690px;margin-left: auto;margin-right: auto;padding-top: 56px;}
.director-data-infor .title{position: relative;text-align: center;width: 406px;border: 2px solid #000;margin-left: auto;margin-right: auto;min-height: 123px;padding: 30px 10px;}
.director-data-infor .title h2{font-size: 44px;color: #000;letter-spacing: 4px;margin-bottom: 20px;}
.director-data-infor .title h4{padding-bottom: 10px;}
.director-data-infor .title span{font-family: "PingFang SC","Microsoft YaHei",Arial;font-size: 26px;line-height: 36px;color: #333;padding-top: 10px;}
.director-data-infor .txt {margin-top: 60px;padding: 10px;}
.director-data-infor .txt p{font-size: 16px;line-height: 30px;color: #999;text-align: justify;}
.network-infor .txt h3{font-size: 30px;color: #333;}
.network-infor .txt h4,
.network-infor .txt h1{font-size: 26px;color: #333;line-height: 1.5;}
.network-infor .txt p{font-size: 18px;}
.case-intro__swiper .swiper-container div.swiper-pagination.swiper-pagination-bullets{bottom: 20px;}
.case-intro__swiper{position: relative;margin-top: 70px;height: 475px;}
.case-intro__swiper .network-video__full{display: none;}
.case-intro__swiper .network-video__cont{pointer-events: none;}
.case-intro__swiper .swiper-container{height: 100%;}
.case-intro__swiper .pic{height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.case-intro__swiper  img{width: 100%;}
.case-intro__swiper .inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;width: 100%;
	padding: 0 40px;
	text-align: center;
	z-index: 300;
	
}
.case-intro__swiper span{
	font-size: 60px;
	color: #fff;
	display: inline-block;
	transition: all .6s;
}

.case-video__content{
	text-align: center;
	margin: 80px auto 0 auto;
	max-width: 1024px;
}
.case-video__content a{
	font-size: 26px;
	color: #b0814c;
	display: inline-block;
	position: relative;
	margin: 0 20px 30px 20px;
}
.case-video__content a:after{
	transition: width .5s;
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background-color: #b0814c;
	position: absolute;
	left: 0;bottom: 2px;
}
.case-video__content a:hover:after{
	width: 100%;
}
.case-video__content i{
	font-weight: 700;
	font-size: 32px;
	position: relative;top: 4px;left: 6px;
}
.case-push__content{
	margin-top: 40px;
}
.case-push__content .cp-title{
	font-size: 24px;
	color: #b0814c;
	margin-bottom: 15px;
	display: inline-block;
}
.case-push__content li{
	position: relative;
	padding-left: 32px;
	margin-bottom: 20px;
}
.case-push__content li:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;top: 5px;
	width: 20px;height: 20px;
	background-color: #b0814c;

}
.case-push__content a{
	transition: color .4s;
	font-size: 22px;
	color: #666;
	display: block;

}
.case-push__content li .txt{
	margin-top: 10px;
	display: none;
}
.case-push__content .active a{
	color: #b0814c;
}
.case-data{
	position: relative;
}
.cb-top{
	background-color: #4a4a4a;
	border-radius: 50px;
	display: inline-block;
	width: 40px;height: 40px;
	position: relative;
	margin-bottom: 20px;
	transition: background .4s;
}
.cb-top i{
	position: absolute;
	left: 50%;top: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
	color: #fff;
}
.case-data .swiper-container .swiper-slide{height: auto;}
.network .case-intro__swiper{height: auto;}
.network-video__cont{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 200;}
.network-video__cont video{object-fit: cover;width: 100%;}
.search .search-content{width: 140px;}
.search-full{ transition: position 1s;min-width: 18px;position: fixed;right: 80px;top: 48px;z-index: 900;}
.search-content{transition: width .4s;position: relative;width: 0;}
.search-content.open{width: 140px;}

.search-btn{transition: color .3s ;background-color: transparent;padding: 0;position: absolute;left: 0;top: 0;font-size: 18px;color: #000;font-weight: 700;cursor: pointer;border: none;}
.search-content input{-webkit-appearance : none ;background-color: transparent;position: relative;left: 2px;padding: 0;margin: 0;width: 100%;height: 24px;line-height: 24px;border: none;border-bottom: 1px solid #b0814c;font-size: 16px;color: #999;text-align: center;letter-spacing: 1px;}
.search .containter{margin-top: 80px;margin-bottom: 120px;}
.search-header{position: relative;padding: 15px 0 ;border-bottom: 1px solid #e9e9e9;}
.search-header span,
.search-header p{display: inline-block;vertical-align: bottom;}
.search-header span{font-size: 24px;color: #666;}
.search-header p{font-size: 16px;color: #999;font-family: "PingFang SC","Microsoft YaHei",Arial;position: relative;bottom: 2px;left: 2px;}
.search-header a{transition: color .3s;font-size: 14px;color: #999;position: absolute;right: 0;top: 50%;margin-top: -7px;}
.search-list li{padding-bottom: 40px;border-bottom: 1px solid #e9e9e9;margin-top: 30px;}
.search-list strong,
.search-list span{transition: color .3s;display: inline-block;vertical-align: bottom;}
.search-list strong{font-size: 22px;color: #666;font-weight: 700;}
.search-list span{font-size: 16px;color: #999;position: relative;left: 2px;bottom: 2px;}
.search-list .txt{margin-top: 15px;}
.search-list .txt p{font-size: 14px;color: #999;}
.search-intro{margin-top: 50px;text-align: center;font-size: 16px;color: #999;display: none;}
/*end*/

/* 新 - about start */
.about-block-container .xin_pc {margin: 0 auto;}
#about .about-block-title {padding: 80px 0;}
#about .about-block-title.workflow {margin: 80px 0 0;}
#about .about-block-title h2 {font-weight: bold;}
#about .about-block-title span {font-weight: normal;color: #b7b7b7;}
.about-block-container {text-align: center;}
.about-block-item {width:100%; border-bottom: 2px solid #b7b7b7;padding: 35px 0 25px;}
.about-block-item.border-none {border-bottom: none;}
#about .about-block-item h1 {font-weight: bold;}
.ls-22 {letter-spacing: 18px;padding-left: 28px;margin-top: 10px;}
#about .about-block-item-bg {width: 100%;margin-top: -180px;}
.pd-20 {padding: 20px 0!important;}
.pdb-20 {padding-bottom: 20px!important;}
.pdb-40 {padding-bottom: 40px!important;}
.pdb-60 {padding-bottom: 60px!important;}
.pdb-80 {padding-bottom: 80px!important;}

#about .theory p {font-size: 42px;padding-bottom: 10px;}
.fs-84 {font-size: 68px!important;}
.fs-60 {font-size: 60px!important;}
.fs-58 {font-size: 58px!important;}
.fs-52 {font-size: 62px!important;}
.fs-36 {font-size: 36px!important;}
.fs-30 {font-size: 30px!important;}
.txt-gold {color: #b0814c;}

.fs-48 {font-size: 48px!important;}
.fs-56 {font-size: 56px!important;}

#about .workflow-item p {font-size: 29px;}
#about .workflow-item span {font-size: 48px;color: #b7b7b7;}

#about .workflow-item {border-bottom: 2px solid #b7b7b7;padding-top: 30px;}
#about .workflow-item.flex{display: flex;justify-content: space-between;align-items: end;}
#about .workflow-item .right-txt {color: #b7b7b7;margin-bottom: -12px;display: flex;justify-content: flex-end;align-items: flex-end;}
#about .workflow-item .right-txt .big-num {transform: scale(1.4);}
#about .workflow-item .right-txt .big-num.long{padding-right: 8px;}

#about .download {display: flex;align-items: end;padding: 80px 0;}
#about .download a {color: #b0814c;font-size: 24px;border-bottom: 2px solid #b0814c;}

/* 新 - about end */

#video-full{width: 100%; height: 100%;}


@media (min-width: 769px){
	.home .swiper-container .swiper-slide{width: 1050px;height: 100%;}
	.swiper-container .swiper-slide img { position: absolute;top: 0;left: 0; bottom: 0;object-fit: cover;}
}
@media (min-width: 1051px){
	.director-list-wrap{position: fixed;left: 0;top: 50%;transform: translateY(-50%);z-index: 5;width: 100%;}
	.director-phone-list{display: none;}
	.scroll .header{padding-top: 5px;padding-bottom: 5px;}
	.scroll .search-full{top: 33px;}
	/* .wrap{padding-top: 124px;} */
	.wrap{padding-top: 84px;}
	.scroll .wrap{padding-top: 84px;}
	.scroll .intro{top:103px;}
}

@media (min-width: 1025px){
	 .director .header{background-color: #A5000A;}
	.navigation a:hover,.case-push__content a:hover{color: #CFB17A;}
	.navigation a:hover:after{width: 100%;}
	.cb-top:hover{background-color: #b0814c;}
	.search-list a:hover strong{color: #b0814c;}
	.search-list a:hover span{color: #b0814c;}
	.search-btn:hover{color: #b0814c;}
	.search-header a:hover{color: #b0814c;}
	.search-full:hover .search-content{width: 140px;}
	.director-data-banner:hover .cb-hint{text-decoration: underline;}
    .modal-wrap video{object-fit: cover;}
}

@media (max-width: 1600px){
	.swiper-container h2{height: auto;font-size: 70px;}
	/*.director-data .wrap{padding-bottom: 220px;}*/
	.director-data .wrap{padding-bottom: 30px;}
	.director-data-list h3{font-size: 22px;}
	.director-data-list li{margin-bottom: 80px;}
	.director-data-infor .title{width: 380px;}
	.director-data-banner h2{font-size: 70px;letter-spacing: 8px;}
	.director-data-banner h3{font-size: 28px;line-height: 28px;}
	.info-content-01{padding-top: 90px;}
	.info-content-02{margin-top: 110px;}
	.info-content-06,
	.info-content-07{padding-top: 180px;}
	.index.block-list_item .title-txt {font-size: 56px;}
}

@media (max-width: 1440px){
	.padding-val{padding-top: 80px;}
	.info .w1050{width: 900px;}
	.swiper-container .swiper-slide-active img,
	.swiper-container{height: 510px;}
	.swiper-container .swiper-slide img{margin-top: 33px;}
	.index-des h3{font-size: 22px;line-height: 34px;}
	.index-des p{font-size: 14px;line-height: 28px;}
	.director-data-banner .cont{top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.director-data-banner h2{font-size: 60px;letter-spacing: 4px;margin-bottom: 5px;}
	.director-data-banner h3{font-size: 24px;letter-spacing: 2px;margin-bottom: 36px;}
	.director-data-banner p{font-size: 42px;}
	.director-data-list li{margin-bottom: 70px;}
	.director-data-infor .title h2{margin-bottom: 20px;}
	.director-data-infor .title{width: 360px;}
	.director-data-list h3{font-size: 20px;margin-bottom: 4px;}
	.director-data-list span{font-size: 14px;}
	.director-data-list article{margin-top: 10px;}
	.director-data-list li{margin-bottom: 54px;}
	/*.director-data .wrap{padding-bottom: 160px;}*/
	.director-data .wrap{padding-bottom: 30px;}
	.director-data-list{margin-top: 64px;}
	.info-title h2{font-size: 60px;}
	.info-title h3{font-size: 26px;}
	.info-content-02{height: 380px;}
	.info-content-02 p{font-size: 24px;line-height: 40px;}
	.director-list{height: 80px;line-height: 90px;}
	.director-list a{font-size: 80px;line-height: 90px;}
	.info-content-03 .inside-wrap h4{font-size: 22px;margin-bottom: 30px;}
	.info-content-03 .inside-wrap span{font-size: 22px;margin-bottom: 12px;}
	.info-content-05 .msg span{font-size: 22px;line-height: 28px;}
	.info-content-03 .info-title{margin-right: 250px;}
	.info-content-06 .inside-wrap p,
	.info-content-06 .inside-wrap .txt a,
	.info-content-06 .inside-wrap .txt span,
	.info-content-07 .site p,
	.info-content-07 .site span,
	.info-content-07 .txt span{font-size: 18px;line-height: 28px;}
	.info-content-07 .txt p{font-size: 18px;line-height: 32px;}
	.info-content-06 .inside-wrap{margin-top: 18px;}
	.inalink{margin-top: 60px;}
	.info-content-06, .info-content-07{padding-top: 120px;}
	.info-content-07 .share{margin-top: 18px;}
	#map{margin-top: 90px;}
	.info-content-02 p{font-size: 22px;line-height: 38px;}
	.case-intro__swiper{height: 400px;}
	.case-intro__swiper span{font-size: 46px;}
	.page404 h3{
		font-size: 30px;
	}
	.page404 h4{
		font-size: 16px;
	}
	.index.block-list_item .title-txt {font-size: 54px;}
	.logo-img01 {height: 56px;margin-top: 15px;}
	.navigation a {font-size: 16px;}
}

@media (max-width: 1366px){
	.info-title h2{font-size: 46px;letter-spacing: 3px;margin-bottom: 2px;}
	.info-title h3{font-size: 22px;}
	.info-content-01 .info-title{width: 300px;}
	.info-content-02{height: 320px;}
	.info-content-02 p{font-size: 18px;line-height: 33px;}
	.info-content-06, 
	.info-content-07{padding-top: 90px;}
	.inalink{margin-top: 34px;font-size: 14px;}
	.info-content-06 .inside-wrap p, 
	.info-content-06 .inside-wrap .txt a,
	.info-content-06 .inside-wrap .txt span,
	.info-content-07 .site p, 
	.info-content-07 .site span, 
	.info-content-07 .txt span{font-size: 14px;line-height: 24px;}
	.info-content-07 .txt p{font-size: 14px;line-height: 28px;}
	.info-content-07 .info-title{margin-right: 100px;}
	.info-content-03 .inside-wrap h4{font-size: 18px;margin-bottom: 22px;}
	.info-content-03 .inside-wrap span{font-size: 18px;margin-bottom: 2px;}
	.info-content-03 .info-title{margin-right: 327px;}
	.info-content-05{padding-top: 60px;}
	.info-content-05 .msg span{font-size: 18px;line-height: 26px;margin-bottom: 4px;}
	.info-content-05 .msg p{font-size: 14px;line-height: 20px;}
	.info-content-05 input{font-size: 14px;margin-bottom: 24px;}
	.info-content-05 input::-webkit-input-placeholder{font-size: 14px;}
	.form-submit{padding-top: 20px;}
	.director-list a{font-size: 70px;}
	.director-data-banner h2{font-size: 54px;margin-bottom: 2px;}
	.director-data-banner h3{font-size: 22px;}
	.director-data-banner p{font-size: 40px;}
	.info-content-07 .share{margin-top: 10px;}
	.info-content-07 .share a{margin-right: 18px;}
	.info-content-01 .inside-wrap p{font-size: 14px;line-height: 28px;}
	.info-content-01{padding-top: 72px;}
	.info-content-02{margin-top: 90px;}
	.info-content-02 p{font-size: 20px;line-height: 36px;}
	.form-submit a{font-size: 14px;}
	.info-content-07 .inside-wrap,
	.info-content-06 .inside-wrap{margin-top: 14px;}
	.info-content-07 .txt span{width: 38px;}
	.info-content-07 .txt .tw1{width: 74px;}
	.page404 h3{
		font-size: 26px;
	}
	.search-full{right: 56px;}
	.index.block-list_item .title-txt {font-size: 52px;}
}

@media (max-width: 1200px){
	.w1060{width: 1020px;}
	/*.header .main{width: }*/
	.index.block-list_item .title-txt {font-size: 52px;}
}

@media (max-width: 1100px){
	.header .main,
    .footer .main{width: 950px;}
	.swiper-container .cont{width: 650px;}
	.swiper-container{height: 360px;}
	.swiper-container .swiper-slide{width: 700px;height: 360px;}
	.swiper-container .swiper-slide img{height: 320px;margin-top: 20px;}
	.swiper-container .swiper-slide-active img{height: 360px;margin-top: 0;}
	.into-work{margin-right: 20px;}
	.director-data-banner h2{font-size: 48px;}
	.director-data-banner h3{font-size: 22px;}
	.director-data-banner p{font-size: 34px;}
	.director-data-infor .title{width: 340px;}
	.director-data-infor .title h2{margin-bottom: 14px;font-size: 36px;letter-spacing: 2px;}
	.director-data-infor .title span{font-size: 22px;}
	.w1060{width: 950px;}
	.info-content-05{width: 950px;padding-left: 0;}
	.info-content-01 .info-title{width: auto;margin-right: 60px;}
	.info-content-02{margin-top: 70px;}
	.info-content-03 .info-title{margin-right: 216px;}
	.info-content-03{padding-top: 70px;}
	.case-video__content{margin-top: 60px;}
	.case-video__content a{font-size: 22px;}
	.case-video__content i{font-size: 30px;}
	.case-push__content{margin-top: 20px;}
	.case-push__content .cp-title{font-size: 22px;}
	.case-push__content a{font-size: 20px;}
	.case-push__content li:before{width: 18px;height: 18px;}
	.cb-top{width: 32px;height: 32px;}
	.cb-top i{font-size: 16px;}
	.page404 h3{
		font-size: 22px;
	}
	.navigation li{margin-left: 28px;}

	.index.block-list_item .title-txt {font-size: 50px;}
}

@media (max-width: 1050px){
	.header .main,
    .footer .main,
	.w1050,
	.w850,
	.info .w1050,
	.info-content-05 .form-container,
	.w1060,
	.info-content-05,
	.info .contact{width: 650px;}
	.logo-img01{height: 48px;margin-top: 6px;}
	.wrap{padding-top: 100px;}
	.header{padding-top: 5px;padding-bottom: 5px;}
	.paragraph{width: 520px;}
	.index-partner img{margin-left: 20px;margin-right: 20px;}
	/*.index-des{margin-top: 67px;width: auto;padding-top: 0;}*/
	.contact{width: auto;margin-left: 80px;}
	.contact .left-area{width: 250px;}
	.contact .right-area{width: 200px;}
	.inside-title{width: 100px;margin-right: 0;padding-right: 10px;}
	.column-head{font-size: 60px;line-height: 60px;}
	.padding-val{padding-top: 0;padding-bottom: 40px;}
	.info-content-03{padding-top: 50px;}
	.info-content-05 input{width: 290px;}
	.info-content-05 .even-group input{width: 605px;}
	.info-content-02{height: 250px;}
	.info .contact .left-area{margin-right: 20px;}
	.director-phone{display: block;width: 650px;margin-left: auto;margin-right: auto;}
	.director-phone h1{font-family: "db_helvethaica_x65_med";font-size: 60px;line-height: 60px;color: #000;margin-bottom: 50px;}
	.director-phone ul a{display: inline-block;position: relative;color: #000;line-height: 20px;}
	.p-swiper-wrap{display: none;}
	.m-swiper-wrap{margin-top: 30px;}
	.m-swiper-wrap{display: block;}
	.director-poster{display: none;}
	.director-list{display: none;}
	.director-phone-list{display: block;width: 650px;margin-left: auto;margin-right: auto;}
	.director-phone-list ul{font-size: 0;margin-top: 10px;}
	.director-phone-list li{display: inline-block;vertical-align: top;width: 50%;padding-right: 5px;padding-left: 5px;}
	.director-phone-list a{font-size: 57px;line-height: 60px;color: #000;font-weight: bold;display: block;}
	.share{margin-top: 30px;}
	.director-data-banner h2{font-size: 42px;}
	.director-data-banner h3{font-size: 20px;margin-bottom: 24px;}
	.director-data-banner p{font-size: 30px;}
	.director-data-list h3{font-size: 18px;}
	.director-data-list article{padding: 0 16px;}
	.director-data-list span{font-size: 12px;}
	.director-data-list{margin-top: 42px;}
	.director-data-list li{margin-bottom: 42px;}
	.director-data-infor .txt p{font-size: 14px;line-height: 28px;}
	.info-title h2{font-size: 42px;}
	.info-content-01{padding-top: 40px;}
	.info-content-01 .info-title{width: 140px;margin-right: 0;}
	.info-content-01 .inside-wrap{width: 510px;}
	.info-content-02 p{font-size: 20px;line-height: 34px;}
	.info-content-03 .inside-wrap h4{margin-bottom: 16px;}
	.info-content-03 .info-title{margin-right: 75px;}
	.info-content-03 .inside-wrap{margin-top: 10px;}
	.info-content-06 .info-title{margin-right: 88px;}
	.info-content-06 .inside-wrap{margin-top: 11px;}
	.inalink{margin-top: 32px;}
	.info-content-07 .share{margin-top: 8px;}
	.info-content-06, 
	.info-content-07{padding-top: 86px;}
	#map{height: 360px;}
	.info-content-02{background-attachment: scroll !important;}
	.search-full{top: 32px;}
	.index.block-list_item .title-txt {font-size: 48px;}
	.navigation {padding: 14px 0;}
}

@media (max-width: 1024px){
	body{-webkit-tap-highlight-color:transparent;}
	/*.modal-content{ margin-top: 1%;margin-left:3%;}*/
    .modal-close{width: 30px;height: 30px;background-size: 30px;top: 16px;right: 16px;}
    .f-locale-link-wrapper{position: inherit;top: inherit;right: inherit;margin-top: 8px;}
    .f-locale-link-wrapper .f-locale-link{margin-left: 10px; margin-right: 10px;}
    .f-select-locale-link{display: none;position: inherit;top: inherit;opacity: 1;visibility: visible;pointer-events: all;vertical-align: top;width: auto;}
	.f-select-locale-link a{display: inline-block;vertical-align: top;margin-top: 0;margin-bottom: 0;}
	.director-data-banner .bc{font-size: 22px;left: 10px;top: 10px;}
	.director-data-banner .bc i{font-size: 18px;top: -1px;}
	.navigation a{font-size: 13px;}
	.case-intro__swiper span{font-size: 36px;}
	.search-header span,
	.search-list strong{font-size: 20px;}
	.search-header p,
	.search-list span{font-size: 14px;}
	.search .containter{margin-top: 60px;margin-bottom: 100px;}
	.index.block-list_item .title-txt {font-size: 40px;}
    #plv_container video{
        height: auto !important;
    }
}
@media (max-width: 800px){
	.search-full{right: 36px;}
}
@media (max-width: 768px){
	.w1050,
	.director-phone-list,
	.director-phone,
	.w1060,
	.info-content-05{width: 320px;}
	.wrap{padding-top: 77px;}
	.director .header{background-color: #A5000A;}
	body .header{padding-top: 15px;padding-bottom: 10px;}
	.header .main{position: relative;}
	.m-menu{transition: all .5s;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translateY(-14%);height: 30px;z-index: 300;padding-left: 20px;}
	.m-menu i{transition: transform .5s;display: block;width: 15px;height: 1px;background-color: white;margin-bottom: 3px;}
	.navigation{transition: all .5s;overflow-y: scroll;opacity: 0;visibility: hidden;margin-top: 0;position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding-top: 130px;background-color: rgba(0, 0, 0, 0.91);z-index: 200;}
	.navigation ul{width: 325px;margin-left: auto;margin-right: auto;}
	.navigation li{display: block;margin-left: 0;margin-bottom: 12px;} 
	.navigation a{position: relative;display: inline-block;font-size: 30px;line-height: inherit;color: #fff;font-weight: bold;}
	.navigation a:after{height: 3px;background-color: #b0814c;}
	.open .m-menu{opacity: .6;}
	.open .m-menu i{background-color: #fff;width: 20px;}
	.open .m-menu i:nth-of-type(1){transform: translateY(8px) rotate(-46deg);}
	.open .m-menu i:nth-of-type(2){opacity: 0;visibility: hidden;}
	.open .m-menu i:nth-of-type(3){transform: translateY(0) rotate(47deg);}
	.open .navigation{opacity: 1;visibility: visible;}
	.index-des h3{font-size: 18px;line-height: 30px;}
	.index-partner img{margin-left: 10px;margin-right: 10px;}
	.contact>div{display: block;}
	.contact .left-area{margin-top: 15px;}
	.contact .right-area{margin-top: 10px;}
	.contact .social{margin-top: 4px;}
	.swiper-container{height: 480px;}
	.swiper-container .swiper-slide{width: 100%;height: auto;}
	.swiper-container .swiper-slide img, 
	.swiper-container .swiper-slide-active img{height: auto;margin-top: 0;}
	.swiper-container div.swiper-pagination.swiper-pagination-bullets{bottom: 34px;}
	.swiper-container .swiper-button-prev.swiper-button-white,
	.swiper-container .swiper-button-next.swiper-button-white{top: auto;bottom: 20px;}
	.swiper-container .cont{width: 290px;top: 90px}
	.swiper-container h2{font-size: 40px;letter-spacing: 2px;}
	.swiper-container p{font-size: 16px;letter-spacing: 1px;}
	.index-banner .small-pic{display: block;}
	.index-banner .larze-pic{display: none;}
	.contact{width: 100%;margin-left: 0;margin-top: 30px;}
	/*.home .content{padding-bottom: 54px;}*/
	.column-head{font-size: 24px;line-height: 40px;}
	.w850,
	.info .w1050,
	.info-content-05 .form-container,
	.info .contact{width: 325px;}
	.column-head{margin-bottom: 18px;}
	.paragraph{width: 100%;}
	.inside-title{width: 100%;margin-bottom: 20px;}
	.info-content-02 p{font-size: 18px;line-height: 32px;}
	.padding-val{padding-bottom: 24px;}
	.inalink{margin-top: 25px;}
	.info-content-03{padding-top: 44px;}
	.info-content-05{padding-top: 34px;}
	.info-content-05 input{width: 320px;margin-left: 0;font-size: 12px;height: 32px;line-height: 32px;margin-bottom: 16px;}
	.info-content-05 input::-webkit-input-placeholder{font-size: 12px;}
	.info-content-05 .even-group input{width: 320px;}
	.info-content-05 .select-group>div{width: calc(100%);left: 0;}
	.form-submit a{width: 325px;}
	.awards-list{width: 80%;display: inline-block;vertical-align: top;}
	.m-swiper-wrap{margin-top: 5px;}
	.director-phone h1{margin-bottom: 20px;line-height: 30px;font-size: 32px;}
	.director-phone-list a{font-size: 28px;line-height: 40px;}
	.director-data-list li{width: 50%;}
	.director-data-list article{margin-top: 4px;}
	.director-data-infor .title{width: 310px;margin-bottom: 30px;}
	.director-data .wrap{padding-bottom: 120px;}
	.director-data-infor{width: 320px;padding-top: 42px;}
	.director-data-infor .txt{margin-top: 0;}
	.cb-hint{font-size: 24px;padding-right: 30px;}
	.cb-hint i{font-size: 26px;top: 8px;right: 0;}
	.info-content-01 .inside-wrap{width: 100%;margin-top: 22px;}
	.info-content-03 .inside-wrap{width: 100%;}
	.form-submit{padding-top: 10px;}
	.inalink{width: 100%;}
	.info-content-06 .inside-wrap p,
	.info-content-06 .inside-wrap .txt a,
	.info-content-06 .inside-wrap .txt span,
	.info-content-07 .site p, 
	.info-content-07 .site span, 
	.info-content-07 .txt span{font-size: 14px;}
	.info-content-07 .txt .tw1{width: 56px;}
	.info-content-07 .txt p{letter-spacing: 0;line-height: 26px;}
	.info-content-06, .info-content-07{padding-top: 62px;}
	.info-title h2{font-size: 38px;letter-spacing: 3px;}
	.info-content-07 .inside-wrap{margin-top: 12px;}
	.info-content-07 .share a{margin-right: 12px;}
	.info-content-02>div{padding: 0 20px;}
	.info-content-02 p{font-size: 14px;line-height: 28px;}
	#map{margin-top: 70px;}
	.info-content-02{margin-top: 46px;}
	.info-content-03 .inside-wrap h4{font-size: 16px;margin-bottom: 10px;}
	.info-content-03 .inside-wrap span{font-size: 16px;line-height: 24px;}
	.info-content-03 .inside-wrap p{font-size: 24px;letter-spacing: 3px;}
	.info-content-05 .msg span{font-size: 16px;margin-bottom: 3px;}
	.info-content-05 .msg p{font-size: 12px;}
	.info-content-05 .form-container{margin-top: 12px;}
	.form-submit a{width: 100%;}
	.swiper-container .swiper-button-prev.swiper-button-white,
	.swiper-container .swiper-button-next.swiper-button-white{background-size: 16px 28px;}
	.info-content-01{padding-top: 5px;}
	.director-data-list h3{font-size: 16px;margin-bottom: 0;}
	.contact .left-area .txt{width: 214px;}
	.director-phone-list li{display: block;padding-left: 0;padding-right: 0;width: 100%;margin-bottom: 2px;}
    .modal-close{width: 22px;height: 22px;background-size: 22px;}
	.footer .main{width: auto;margin: 0 24px;}
	.case-intro__swiper{height: 300px;}
	.case-intro__swiper span{font-size: 26px;}
	.case-video__content a{font-size: 18px;}
	.case-video__content i{font-size: 24px;}
	.case-push__content .cp-title{font-size: 20px;}
	.case-push__content a{font-size: 16px;}
	.case-push__content li:before{width: 14px;height: 14px;}
	.case-push__content li{padding-left: 25px;}
	.case-intro__swiper{margin-top: 40px;}
	.page404 h3{
		font-size: 20px;
	}
	.search-header span, .search-list strong{font-size: 16px;}
	.search-header p, .search-list span{font-size: 12px;}
	.search-header a{font-size: 12px;}
	.search-list li{padding-bottom: 30px;margin-top: 20px;}
	.search-list .txt{margin-top: 8px;}
	.search-full{position: absolute;right: auto;top: 60px;width: 325px;margin-left: auto;margin-right: auto;left: 50%;transform: translateX(-50%);}
	.search-content{width: 100%;}
	.search-content input{background-color: transparent;height: 28px;line-height: 28px;}
	.search-btn{color: #fff;}
	.info-content-07 .office_area{font-size: 20px;}
	.info-content-07 .office_info div span{font-size: 14px;}
	.inside-title, .ic-full, .ic-address, .ic-tel{display: block;width: auto;}
	.ic-full{width: auto;}
	.search .search-content{width: auto;}
	.network-infor .txt h3{font-size: 26px;}
	.network-infor .txt h4,
	.network-infor .txt h1{font-size: 22px;}
	.network-infor .txt p{font-size: 16px;}

	/* add at 22-12-15 by Kyle */
	.index.block-list_item .title-txt {font-size: 32px;}
	/*.director-data-banner.index {padding-top: 149.88%;}*/
	.index.top-gif {display: none;}
	.index.top-gif-mobile {display: flex;}
	.index-partner{max-width: 100%;}
	.director-data-banner .btns {bottom: 38%;transform: scale(1.2);z-index: 100;}
	.logo-img01{height: 51px;margin-top: 0}
}

@media (max-width: 640px){
	.network-infor .txt h3{font-size: 24px;}
	.network-infor .txt h4,
	.network-infor .txt h1{font-size: 20px;}
	.network-infor .txt p{font-size: 14px;}

	/* add at 22-12-15 by Kyle */
	.index.block-list_item .title-txt {font-size: 30px;}
	.logo-img01{height: 59px;margin-top: 0}
}
@media (max-width: 500px){
	.index-des h3{font-size: 18px;line-height: 28px;}
	/*.index-des{margin-top: 44px;}*/
	.contact{margin-top: 26px;}
	/*.m-menu{top: 4px;}*/
	.logo-img01{height: 52px;margin-top: 0}
	.wrap{padding-top: 77px;}
	.header .main{width: 90%;}
	.navigation ul{width: 290px;}
	.director-data-banner h2{font-size: 20px;margin-bottom: 0}
	.director-data-banner h3{font-size: 16px;margin-bottom: 10px;}
	.director-data-banner p{font-size: 16px;}
	.cb-hint{font-size: 20px;padding-right: 26px;}
	.cb-hint i{font-size: 22px;}
	.director-data-banner .bc{font-size: 20px;}
	.director-data-list article{padding: 0 10px;}
	.director-data .wrap{padding-bottom: 60px;}
	.director-data-infor .title{width: 260px;}
	.director-data-infor .title h2{font-size: 28px;margin-bottom: 8px;}
	.director-data-infor .title span{font-size: 20px;}
	.director-data-list li{margin-bottom: 30px;}
	.info-content-02>div{padding: 0 12px;}
	.director-data-list h3{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
	.director-phone-list a{font-size: 24px;line-height: 34px;}
	.contact .left-area{width: 100%;}
	.contact .left-area h3{display: block;}
	.contact .left-area .txt{display: block;width: 100%;margin-left: 0;margin-top: 6px;}
	.contact .right-area span{display: block;margin-right: 0;}
	.contact .right-area{margin-top: 3px;}
	.modal-close{width: 16px; height: 16px;background-size: 16px;right: 4px;}
	.case-intro__swiper{height: 118px;}
	.case-intro__swiper span{font-size: 20px;}
	.search-full{width: 290px;}
	.info-content-07 .office_info div span.l{width: 45px;}
	.info-content-07 .office_info div span:last-child{width: calc(100% - 50px);}

	/* add at 22-12-15 by Kyle */
	.index.block-list_item .title-txt {font-size: 18px;}
	.index-des-img.mobile {display: block;}
	.index-des-img {display: none;}
}

@media (max-width: 320px){
	.w1050,
	.header .main,
	.w1050, 
	.director-phone-list, 
	.director-phone, 
	.w1060, 
	.info-content-05{width: auto;margin-left: 20px;margin-right: 20px;}
	.index-des h3{font-size: 16px;line-height: 24px;}
	.info-content-05 input,
	.info-content-05 .even-group input,
	.info-content-05 .form-container{width: 278px;}

	/* add at 22-12-15 by Kyle */
	.index.block-list_item .title-txt {font-size: 14px;}
}

@media (min-width:1200px) {
	#about .about-block-title {padding: 80px 0;}
	#about .about-block-title.workflow {margin: 80px 0 0;}
	.about-block-item {padding: 35px 0 25px;}
	.ls-22 {letter-spacing: 18px;padding-left: 28px;margin-top: 10px;}
	.pd-20 {padding: 20px 0!important;}
	.pdb-20 {padding-bottom: 20px!important;}
	.pdb-40 {padding-bottom: 40px!important;}
	.pdb-60 {padding-bottom: 60px!important;}
	.pdb-80 {padding-bottom: 80px!important;}

	#about .theory p {font-size: 42px;padding-bottom: 10px;}
	.fs-84 {font-size: 68px!important;}
	.fs-60 {font-size: 60px!important;}
	.fs-58 {font-size: 58px!important;}
	.fs-52 {font-size: 62px!important;}
	.fs-36 {font-size: 36px!important;}
	.fs-30 {font-size: 30px!important;}
	.txt-gold {color: #b0814c;}

	.fs-48 {font-size: 48px!important;}
	.fs-56 {font-size: 56px!important;}


	#about .about-block-item-bg {margin-top: -180px;}

	#about .workflow-item p {font-size: 29px;}
	#about .workflow-item span {font-size: 48px;color: #b7b7b7;}
	#about .workflow-item .right-txt {margin-bottom: -12px;}
	#about .download a {font-size: 24px;}
	#about .download >img {width: 40px;}
}
@media (min-width: 960px) and (max-width: 1199px) {
	#about .about-block-title {padding: 40px 0;}
	#about .about-block-title.workflow {margin: 75px 0 0;}
	.about-block-item {padding: 30px 0 20px;}
	.ls-22 {letter-spacing: 18px;padding-left: 24px;margin-top: 4px;}
	#about .theory p {font-size: 26px;padding-bottom: 0px;}
	.pd-20 {padding: 20px 0!important;}
	.pdb-20 {padding-bottom: 18px!important;}
	.pdb-40 {padding-bottom: 20px!important;}
	.pdb-60 {padding-bottom: 30px!important;}
	.pdb-80 {padding-bottom: 60px!important;}

	.fs-84 {font-size: 48px!important;}
	.fs-60 {font-size: 42px!important;}
	.fs-58 {font-size: 32px!important;}
	.fs-52 {font-size: 28px!important;}
	.fs-36 {font-size: 26px!important;}
	.fs-30 {font-size: 17px!important;}

	.fs-48 {font-size: 36px!important;}
	.fs-56 {font-size: 42px!important;}
	#about .about-block-item-bg {margin-top: -120px;}

	#about .workflow-item p {font-size: 20px;}
	#about .workflow-item span {font-size: 48px;}
	#about .workflow-item .right-txt {margin-bottom: -10px;}
	#about .download a {font-size: 20px;}
	#about .download >img {width: 36px;}
	.header {padding: 10px 0;}
	.logo-img01 {height: 46px;margin-top: 4px;}
	.navigation {padding: 12px 0;}
	.navigation li {margin-left: 33px;}
	.navigation a {font-size: 13px;}
	.wrap {padding-top: 71px;}
}
@media (min-width: 768px) and (max-width: 959px) {

	#about .about-block-title {padding: 30px 0;}
	#about .about-block-title.workflow {margin: 75px 0 0;}
	.about-block-item {padding: 30px 0 20px;}
	.ls-22 {letter-spacing: 18px;padding-left: 24px;margin-top: 4px;}
	#about .theory p {font-size: 26px;padding-bottom: 0px;}
	.pd-20 {padding: 20px 0!important;}
	.pdb-20 {padding-bottom: 15px!important;}
	.pdb-40 {padding-bottom: 20px!important;}
	.pdb-60 {padding-bottom: 30px!important;}
	.pdb-80 {padding-bottom: 50px!important;}

	.fs-84 {font-size: 48px!important;}
	.fs-60 {font-size: 42px!important;}
	.fs-58 {font-size: 32px!important;}
	.fs-52 {font-size: 28px!important;}
	.fs-36 {font-size: 26px!important;}
	.fs-30 {font-size: 17px!important;}

	.fs-48 {font-size: 36px!important;}
	.fs-56 {font-size: 42px!important;}
	#about .about-block-item-bg {margin-top: -100px;}

	#about .workflow-item p {font-size: 20px;}
	#about .workflow-item span {font-size: 48px;}
	#about .workflow-item .right-txt {margin-bottom: -10px;}
	#about .download a {font-size: 20px;}
	#about .download >img {width: 36px;}
	#about .workflow-item {padding-top: 15px;}
}

@media (min-width: 480px) and (max-width: 767px){
	#about .about-block-title {padding: 20px 0;}
	#about .about-block-title.workflow {margin: 65px 0 0;}
	.about-block-item {padding: 25px 0 15px;}
	.ls-22 {letter-spacing: 10px; padding-left: 11px; margin-top: 2px;}
	#about .theory p {font-size: 16px;padding-bottom: 0px;}
	.fs-84 {font-size: 30px!important;}
	.fs-60 {font-size: 24px!important;}
	.fs-58 {font-size: 22px!important;}
	.fs-52 {font-size: 20px!important;}
	.fs-36 {font-size: 18px!important;}
	.fs-30 {font-size: 12px!important;}

	.fs-48 {font-size: 24px!important;}
	.fs-56 {font-size: 38px!important;}

	.pd-20 {padding: 10px 0!important;}
	.pdb-20 {padding-bottom: 10px!important;}
	.pdb-40 {padding-bottom: 15px!important;}
	.pdb-60 {padding-bottom: 20px!important;}
	.pdb-80 {padding-bottom: 25px!important;}
	#about .about-block-item-bg {margin-top: -60px;}
	#about .workflow-item p {font-size: 15px;}
	#about .workflow-item span {font-size: 24px;}
	#about .workflow-item .right-txt {margin-bottom: -8px;}
	#about .download a{font-size: 12px;}
	#about .download >img {width: 28px;}
	#about .workflow-item {padding-top: 10px;}

	.title {
		padding: 50px 0;
	}
	.title__div {
		display: block;
	}
}
@media (max-width: 479px) {
	#about .about-block-title {padding: 15px 0 40px;}
	#about .about-block-title.theory {margin: 60px 0 0;}
	#about .about-block-title.workflow {margin: 60px 0 0;}
	.about-block-item {padding: 20px 0 10px;}
	.ls-22 {letter-spacing: 10px; padding-left: 11px; margin-top: 2px;}
	#about .theory p {font-size: 14px;padding-bottom: 0px;}
	.fs-84 {font-size: 26px!important;}
	.fs-60 {font-size: 24px!important;}
	.fs-58 {font-size: 20px!important;}
	.fs-52 {font-size: 15px!important;}
	.fs-36 {font-size: 14px!important;}
	.fs-30 {font-size: 12px!important;}

	.fs-48 {font-size: 24px!important;}
	.fs-56 {font-size: 32px!important;}

	.pd-20 {padding: 5px 0!important;}
	.pdb-20 {padding-bottom: 10px!important;}
	.pdb-40 {padding-bottom: 15px!important;}
	.pdb-60 {padding-bottom: 20px!important;}
	.pdb-80 {padding-bottom: 30px!important;}
	#about .about-block-item-bg {margin-top: -52px;}
	#about .workflow-item p {font-size: 12px;}
	#about .workflow-item span {font-size: 24px;}
	#about .workflow-item .right-txt {margin-bottom: -7px;}
	#about .download a{font-size: 12px;}
	#about .download >img {width: 28px;}
	#about .workflow-item {padding-top: 10px;}

	.title {
		padding: 0 0 30px!important;
	}
	.title__div {
		display: none;

	}
}

/* 新闻资讯模块 */
.news__body {
	/*background: #FFFFFF url(http://www.trout.com.cn/r/cms/www/default/img/background.png) center 0;*/
	background-color: #f6f6f6;
}
.title {
	padding: 0 0 50px;
}
.title h3 {
	position: relative;
	margin: 20px 0;
	color: #4E4D4D;
	font-size: 47px;
	font-weight: bold;
	line-height: 1.2;
	/*border-left: 5px solid #e60012;*/
}
.title__div {
	position: relative;
	width: 100%;
	height: auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.title__div .desc {
	position: absolute;
	left: 60px;
	bottom: 85px;
}
.title__div .desc p{
	padding-bottom: 52px;
	color: #FFFFFF;
	font-size: 42px;
	line-height: 1.2;
	font-weight: 600;
}

.news__div {
	cursor: pointer;
	border-radius: 16px;
	/*border: 1px solid #efefef;*/
}
.news__div:hover .desc .title{
	color: #e60012;
}
.news__div:hover .news__img::before{
	content: '';
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.news__div .news__img::after{
	content: '';
	position: absolute;
	z-index: 100;
	left: 0;
	bottom: 0;
	width: 0;
	height: 5px;
	display: block;
	background-color: #e60012;
}
.news__div:hover .news__img::after{
	transition: width 5s;
	width: 100%;
}
.news .news__img {
	position: relative;
	cursor: pointer;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.news img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.news .desc {
	padding: 10px;
}
.news .desc .title {
	padding: 10px 0;
	color: #4e4d4d;
	line-height: 1.6;
	font-size: 21px;
}
.news .desc .date {
	color: #898989;
	font-size: 21px;
}
.konw-more {
	margin: 30px 0 80px;
}
.primary-button {
	padding: 12px 60px;
	font-size: 18px;
	color: #FFFFFF;
	background: #e60012;
	border-radius: 30px;
	border: none;
}
.pb-120 {
	padding-bottom: 120px!important;
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
	.title h3 {
		font-size: 36px;
	}
	.title__div {
		background-size: cover;
	}
	.title__div .desc p{
		padding-bottom: 40px;
		font-size: 32px;
	}
	.news .desc .title {
		font-size: 16px;
	}
	.news .desc .date {
		font-size: 16px;
	}
	.primary-button {
		padding: 9px 45px;
		font-size: 14px;
	}
}
@media screen and (max-width: 800px) {
	.main {
		padding: 0;
	}
	.title__div {
		background-size: cover;
	}
	.title__div .desc {
		position: absolute;
		left: 0px;
		bottom: 40px;
		padding: 0 20px;
	}
	.title__div .desc p{
		padding-bottom: 30px;
		font-size: 19px;
	}
	.news .desc .title {
		font-size: 16.8px;
		font-weight: 600;
	}
	.news .desc .date {
		font-size: 14.4px;
	}
	.hidden {
		display: none;
	}
	.primary-button {
		padding: 10px 36px;
		font-size: 16.8px;
	}
}

/* 新闻资讯详情 */
.container.news .title p {
	font-size: 21px;
	color: #4e4d4d;
}
.container.news .title {
	position: relative;
	width: 100%;
	height: 100px;
}
.container.news .title h3 {
	font-weight: 600;
	/*padding-bottom: 20px;*/
	line-height: 1.1;
	color: #4e4d4d;
	font-size: 31.5px;
}
.container.news .pagination {
	padding: 80px 0;
}
.container.news .pagination button{
	padding: 10px 30px;
	font-size: 21px;
	background: #EAEAEA;
}
.container.news .pagination button:hover {
	filter: brightness(0.9);
}
.news__list {
	padding: 30px 0;
}
.news__list h3, .news__list > p {
	padding-bottom: 30px;
	color: #4e4d4d;
	font-size: 37px;
	font-weight: 600;
}
.news__list--item {
	padding: 30px 0;
	min-height: 300px;
	border-top: 1px solid #bfbfbf;
}
.news__list--item .div__img {
	margin-right: 50px;
	float: left;
	width: 400px;
	height: 250px;
	overflow: hidden;
	border-radius: 16px;
}
.news__list--item .title {
	font-size: 31px;
	line-height: 1.2;
	font-weight: 600;
	color: #4e4d4d;
}
.news__list--item .date {
	padding: 20px 0 52px 0;
	font-size: 16px;
	color: #4e4d4d;
}
.news__list--item .desc {
	font-size: 21px;
	line-height: 1.8;
	color: #4e4d4d;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}




.news-detail-content{
	padding-top: 40px;
	text-align: justify;
	width: 85%;
	margin: 0 auto;
	padding-bottom: 80px;
}
.news__list--item{
	display: flex;
}
.news__list--item_txt{
	padding-left: 50px;
}
.news__list--item_title {
	font-size: 30px;
	font-weight: bold;
}
.news__list--item_date {
	font-size: 16px;
	padding: 20px 0 50px;
}
.news__list--item_subtitle{
	font-size: 18px;
}
.news__list--item_img {
	width: 30vw;
	min-width: 30vw;
	height: calc(30vw * 9 / 16);
	object-fit: cover;
	overflow: hidden;
	border-radius: 16px;
}
.news__list--item_img img{
	object-fit: cover;
}
.news-detail-title{
	position: relative;
	padding-top: 40px;
	width: 85%;
	margin: 0 auto;
}
.new-detail-title-inner{
	font-size: 21px;
	color: #4e4d4d;
	text-align: center;
}
.wrap.news {
	padding-top: 250px;
}
.new-detail-title-inner h3{
	font-weight: 600;
	line-height: 1.1;
	color: #4e4d4d;
	font-size: 42px;
}
.new-detail-title-inner p {
	font-size: 18px;
	line-height: 3;
}
.title__div {
	height: calc(80vw*9/16 );
}
@media screen and (min-width: 1601px) {
	.news__list--item_img {
		width: 20vw;
		min-width: 20vw;
		height: calc(20vw * 9 / 16);
	}
	.title__div {
		height: calc(50vw*9/16 );
	}
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
	.news__list--item_img {
		width: 30vw;
		min-width: 30vw;
		height: calc(30vw * 9 / 16);
	}
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
	.news__list--item_title {
		font-size: 28px;
	}
	.news__list--item_date {
		font-size: 14px;
		padding: 20px 0 35px;
	}
	.news__list--item_subtitle{
		font-size: 16px;
	}
	.news__list--item_img {
		width: 33vw;
		min-width: 33vw;
		height: calc(33vw * 9 / 16);
	}
	.news__list-block-title {
		padding-bottom: 26px!important;
		font-size: 32px!important;
	}
	.wrap.news {
		padding-top: 200px!important;
	}
	.title__div .desc {
		left: 30px;
		bottom: 45px;
	}
	.title__div .desc p {
		padding-bottom: 35px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.news-detail-content{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.news__list--item_title {
		font-size: 26px;
	}
	.news__list--item_date {
		font-size: 14px;
		padding: 20px 0 35px;
	}
	.news__list--item_subtitle{
		font-size: 16px;
	}
	.news__list--item_img {
		width: 33vw;
		min-width: 33vw;
		height: calc(33vw * 9 / 16);
	}
	.news__list-block-title {
		padding-bottom: 20px!important;
		font-size: 28px!important;
	}
	.wrap.news {
		padding-top: 200px!important;
	}
	.new-detail-title-inner h3{
		font-size: 24px;
	}
	.new-detail-title-inner p {
		font-size: 14px;
	}
	.title__div .desc {
		left: 30px;
		bottom: 45px;
	}
	.title__div .desc p {
		padding-bottom: 30px;
	}
}
@media screen and (min-width: 426px) and (max-width: 768px) {
	.news-detail-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.news__list--item_title {
		font-size: 24px;
	}
	.news__list--item_date {
		font-size: 14px;
		padding: 15px 0 25px;
	}
	.news__list--item_subtitle{
		font-size: 16px;
	}
	.news__list--item_img {
		width: 28vw;
		min-width: 28vw;
		height: calc(28vw * 9 / 16);
	}
	.news__list-block-title {
		padding-bottom: 10px!important;
		font-size: 26px!important;
	}
	.new-detail-title-inner {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.wrap.news {
		padding-top: 180px!important;
	}
	.wrap.news-list {
		padding-top: 180px!important;
	}
	.new-detail-title-inner h3{
		font-size: 24px;
	}
	.new-detail-title-inner p {
		font-size: 14px;
		line-height: 2;
	}
	.news-list .title .hidden {
		display: block;
	}
}
@media screen and (max-width: 425px) {
	.news-detail-content{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.news__list--item_txt {
		padding-left: 20px;
	}
	.news__list--item_title {
		font-size: 16px;
	}

	.news__list--item_date {
		font-size: 10px;
		padding: 10px 0 15px;
	}
	.news__list--item_subtitle{
		font-size: 12px;
	}
	.news__list--item_img {
		width: 40vw;
		min-width: 40vw;
		height: calc(40vw * 9 / 16);
		border-radius: 10px;
	}
	.news__list-block-title {
		padding-bottom: 10px!important;
		font-size: 24px!important;
	}
	.wrap.news {
		padding-top: 180px!important;
	}
	.new-detail-title-inner h3{
		font-size: 18px;
	}
	.new-detail-title-inner p {
		font-size: 12px;
		line-height: 2;
	}
	.news-detail-title{
		padding-top: 0;
	}
}

@media screen and (min-width: 1440px) {
	.container.news .title div h3 {
		white-space: nowrap;
	}
}
@media screen and (min-width: 800px) and (max-width: 1440px) {
	.main {
		padding: 50px;
	}
	.container.news .title h3 {
		line-height: 1.6;
		font-size: 24px;
		/*padding-bottom: 10px;*/
	}
	.container.news .title p {
		font-size: 16px;
	}
	.container.news .pagination button{
		font-size: 16px;
	}
	.news__list h3 {
		font-size: 28px;
	}
	.news__list--item {
		padding: 30px 0;
		min-height: 290px;
	}
	.news__list--item .div__img {
		width: 350px;
		height: 220px;
	}
	.news__list--item .title {
		font-size: 24px;
	}
	.news__list--item .date {
		padding: 15px 0 40px 0;
	}
	.news__list--item .desc {
		font-size: 16px;
	}
}
@media screen and (max-width: 800px) {
	.main {
		padding: 30px 0;
	}
	.container.news .title h3 {
		line-height: 1.6;
		font-size: 18px;
		/*padding-bottom: 5px;*/
	}
	.container.news .title p {
		font-size: 12px;
	}
	.container.news .pagination button {
		font-size: 12px;
	}
	.news__list h3 {
		font-size: 21.6px;
	}
	.hidden {
		display: none;
	}
	.news__list--item {
		padding: 18px 0;
		min-height: 140px;
	}
	.news__list--item .div__img {
		margin-right: 12px;
		width: 40%;
		height: 100px;
	}
	.news__list--item .title {
		height: 55px;
		font-size: 16.8px;
		font-weight: 600;
		line-height: 1.6;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* autoprefixer: off */
		-webkit-box-orient: vertical;
		/* autoprefixer: on */
	}
	.news__list--item .date {
		padding: 14px 0 0 0;
	}
}
.spec-video::-webkit-media-controls-fullscreen-button {
	display: none!important;
}
.spec-video::-webkit-media-controls-timeline {
	display: none!important;
}
.spec-video::-webkit-media-controls-current-time-display {
	display: none!important;
}
.spec-video::-webkit-media-controls-time-remaining-display {
	display: none!important;
}
.spec-video::-webkit-media-controls-play-button {
	display: none!important;
}
.spec-video::-webkit-media-controls-more-button {
	display: none!important;
}
.top-video { position: relative; }
.voice-muted-btn {
	width: 40px;
	height: 40px;
	background-color: rgba(255,255,255,0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 20px;
	bottom: 20px;
	border-radius: 20px;
	cursor: pointer;
}
.voice-switch-btn-img {
	width: 20px!important;
	height: 20px!important;
	left: auto!important;
	top: auto!important;
}
.voice-switch-btn-img.off {
	display: block;
}
.voice-switch-btn-img.on {
	display: none;
}